<style>
	.login{
		font-size: 50px;
		height: 40px;
		line-height: 40px;
	}
	span{
		font-size: 50px;
	}
</style>
<template>
    <div class="login">
        欢迎登录
        <h4>
            <span
                key='1'
                @click="toLogin">到登陆页</span> /
            <span
                key='2'
                @click="toIndex">到首页</span> /
            <span
                key='3'
                @click="toCaozuo">到操作页</span>
        </h4>
        <hr>
        <input
            type="text"
            v-model="name"
            maxlength="20">
        <input
            type="password"
            v-model="pwd"
            maxlength="30">
        <button @click="login">登录</button>
    </div>
</template>

<script>
import {apiData,allData} from '../../axios/axios'
export default {
    data(){
        return{
            name: 'yangzhengbing',
            pwd: 'rzt123456'
        }
    },
    methods:{
        toLogin(){
            this.$router.push({
                path:'/login',
                query: {id:1,name:'login'}
            })
        },
        toIndex(){
            this.$router.push({
                path:'/index',
                query: {id:2,name:'index'}
            })
        },
        toCaozuo(){
            this.$router.push({
                path:'/caozuo',
                query: {id:3,name:'caozuo'}
            })
        },  // 数据请求
        login(){
            // const para = {
            //     'loginType': 1,
            //     'account': this.name,
            //     'password': this.pwd
            // }
            // apiData('/userCenter/RztSysUser/userLogin','post',para).then( res => {
            //     console.log('res111:',res)
            // }).catch( err => {
            //     console.log('err111:',err)
            // })
            //
            // const para2 = {
            //     'currentUserId': 'ec7d898d5e1d4d4680429fde84aee07'
            // }
            // apiData('/monitorServer/pro/finddb','get',para2).then( res => {
            //     console.log('res222:',res)
            // }).catch( err => {
            //     console.log('err222:',err)
            // })
            allData([this.lg(),this.db()]).then( res => {
                console.log('all--res-111:',res)
            }).catch( err => {
                console.log('all--err--111:',err)
            })
        },
        lg(){
            const para = {
                'loginType': 1,
                'account': this.name,
                'password': this.pwd
            }
            // return new Promise((resolve, reject) => {
            apiData('/userCenter/RztSysUser/userLogin','post',para)
            // .then( res => {
            //     resolve(res)
            // }).catch( err => {
            //     reject(err)
            // })
            // })
        },
        db(){
            const para2 = {
                'currentUserId': 'ec7d898d5e1d4d4680429fde84aee07'
            }
            // return new Promise((resolve, reject) => {
            apiData('/monitorServer/pro/finddb','get',para2)
            // .then( res => {
            //     resolve(res)
            // }).catch( err => {
            //     reject(err)
            // })
            // })
        }
    }
}
</script>